<!-- 子组件 -->
<template>
  <div id="child">
    <p>子组件：{{ name }}</p>
    <button @click="childReload">child刷新组件</button>
    <child-child></child-child>
  </div>
</template>

<script>
import ChildChild from './child-child'
export default {
  components: { ChildChild },
  inject: ['name', 'reload'],
  created() {
    console.log(this.name) // '张三'；获取父组件parent通过provide提供的name数据
  },
  methods: {
    // 刷新组件
    childReload() {
      // 获取根组件App通过provide提供的reload方法
      // 调用根组件reload()方法
      this.reload()
    },
  },
}
</script>

<style lang="scss" scoped></style>
